﻿<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title - Developing Vizrt.com Home Page</title>
    @Styles.Render("~/Content/MyCSS/styles.css")
</head>
<body>
    <div>



        <div id="full-size">
		<div class="page_heading">
			
		</div>
		<div>
			<a class="frontbutton" href="http://www.vizrt.com/events/vizrtdays/40414/Vizrt_Days_2014_program">Learn More</a>
		</div>
		
		<div class="navigation">
				<ul>
					<li><a id="nav" href="#">Company</a></li>
					<li><a id="nav" href="#">@Html.ActionLink("Career", "Career", "Home", new { @id = "nav" })</a></li>
					<li><a id="nav" href="#">@Html.ActionLink("Contact", "Contact", "Home", new { @id = "nav" })</a></li>
					<li><a id="nav" href="#">English</a>
						<ul class="drop_down">
							<li><a href="#">English</a></li>
							<li><a href="#">Bangla</a></li>
						</ul>
					</li>
					<li><a id="nav" href="http://twitter.com/vizrt"><img src="../../Content/themes/base/images/Twitter.png"></a></li>
					<li><a id="nav" href="http://facebook.com/vizrt"><img src="../../Content/themes/base/images/facebook.png"></a></li>
					<li><a id="nav" href="http://www.linkedin.com/company/vizrt"><img src="../../Content/themes/base/images/linkedin.png"></a></li>
					
				</ul>
		</div>
		
		
		<div class="top_menu">
				<ul>
					<li><a id="main_nav" href="#">Products</a></li>
					<li><a id="main_nav" href="#">Solution</a></li>
					<li><a id="main_nav" href="#">Case Studies</a></li>
					<li><a id="main_nav" href="#">News</a></li>
					<li><a id="main_nav" href="#">Training</a></li>
					<li><a id="main_nav" href="#">Support</a></li>
					<li><a id="main_nav" href="#">Events</a></li>
					<li><a id="main_nav" href="#"><input type="text" value="Search" style="height: 18px;width:  150px; border: 0px solid black; -moz-border-radius: 10px;border-radius: 10px;color: #FFFFFF;background-color: #aaaaaa; text-align:center; font-size:15px;"/></a></li>
				</ul>
		</div>	

		
		<div class="align_nav">
			<div class="main_menu">
				<ul class="bannerContent">
						<li><a id="vizvideo" href="#"><img src="../../Content/themes/base/images/IcoVideo.png" alt="Vizrt Video" style="margin-right:10px; vertical-align:middle">Vizrt Video</a></li>
						<li><a id="vizvideo" href="#"><img src="../../Content/themes/base/images/IcoBrowse.png" alt="Vizrt Video" style="margin-right:10px; vertical-align:middle">Products</a></li>
						<li><a id="vizvideo" href="#"><img src="../../Content/themes/base/images/IcoNews.png" alt="Vizrt Video" style="margin-right:10px; vertical-align:middle">News Blog</a></li>
						<li><a id="vizvideo" href="#"><img src="../../Content/themes/base/images/icon-case_studies.png" alt="Vizrt Video" style="margin-right:10px; vertical-align:middle">Case Studies</a></li>
						<li><a id="orange_button" href="#"><input type="button" value="Contact" style="height: 30px;width:  140px; border: 0px solid black; -moz-border-radius: 10px;border-radius: 10px;color: #FFFFFF;background-color: orange; text-align:center;text-transform: uppercase;" onclick="ShowHide('HiddenDiv')"/></a></li>
				</ul>	
			</div>
			
			
		</div>
		

        <div> @RenderBody() </div>

        <div class="footerbar">
				<ul>
					<!--<a id="foo_home" href="#"><img src="pic/Vizrt.jpg"></a>-->
					<li><a id="foo" href="http://www.vizrt.com/company/privacydisclaimer/">Privacy and Disclaimer</a></li>
					<li><a id="foo" href="http://www.vizrt.com/contact/">Contact</a></li>
					<li><a id="foo" href="http://www.vizrt.com/company/">Company</a></li>
					<li><a id="foo" href="http://www.vizrt.com/career/">Career at Vizrt</a></li>
					<li><a id="foo" href="http://www.vizrt.com/company/about/">Vizrt at a glance</a></li>
					
					
				</ul>
		</div>
    
		
		</div>
		
		<script>
		    function ShowHide(divId) {
		        /*document.getElementById("HiddenDiv").innerHTML = "";*/
		        if (document.getElementById(divId).style.display == 'none') {
		            document.getElementById(divId).style.display = 'inline-block';
		        }
		        else {
		            document.getElementById(divId).style.display = 'none';
		        }
		    }
		</script>

        

       
    </div>
</body>
</html>
